<template >
    <li :style="{left:threeInfo.x+'px',top:threeInfo.y+'px'}">
        <div class="threeBox">
              <div class="power-header-box" style="">{{threeInfo.name}}</div>
              <div class="isid" style="display:none">{{threeInfo.deviceid}}</div>
              <el-table
                :data="threeData"
                size="mini"
                align="center"
                style="width: 100%">
                <el-table-column
                  prop="name"
                  align="center"
                  label="类目"
                  >
                </el-table-column>
                <el-table-column
                  prop="voltage"
                  align="center"
                  label="电压(V)"
                  >
                </el-table-column>
                <el-table-column
                  prop="current"
                  align="center"
                  label="电流(A)">
                </el-table-column>
              </el-table>
              <!-- <div class="threebtn" @click="threemore">
                  更多
              </div> -->
        </div>
    </li>
</template>
<script>
export default {
  name:'threelectric',
  props:["threeInfo","threeData"],
  data () {
    return {}
  },
  methods: {
    threemore(){
      this.$emit('three-more',true)
    },
  },
  created(){
    //console.log(this.threeData)
  }/*,
  watch:{
    threeData:function (news,olds) {
      console.log("woshi")
      console.log(news);
      console.log(olds);
      console.log("woshijieshu")
    }
  }*/
}
</script>
<style scope>
 .threeBox .el-table:before{
    height: 0px;
  }
</style>
